<template>
	<view class="page">
		<fun-tabs :tabs="tabs" :activeIndex="activeIndex" @tab-change="onTabChange"></fun-tabs>

		<uni-card title="基础卡片" sub-title="副标题" extra="额外信息"
			thumbnail="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png">
			<text>这是一个带头像和双标题的基础卡片，此示例展示了一个完整的卡片。</text>
		</uni-card>


	</view>
</template>


<script setup>
	import {
		ref
	} from "vue";

	// 
	const activeIndex = ref(0);

	// 
	const tabs = ref([ //
		{
			title: "求职资讯",
			type: "求职资讯",
		},
		{
			title: "面试技巧",
			type: "面试技巧",
		},
		{
			title: "简历指南",
			type: "简历指南",
		},
		{
			title: "行业指南",
			type: "行业指南",
		},
		{
			title: "谈薪话术",
			type: "谈薪话术",
		},
	]);

	// 
	const onTabChange = (index) => {
		activeIndex.value = index;
		console.log("111", index);
	};
</script>


<style lang="scss" scoped>
	@use "index.scss";
</style>